<template>
    <div id="Helper">
        <div class="banner">
            <img src="/src/assets/img/home/banner/599aaf6953c93.jpg" alt="">
        </div>
        <div class="weui-flex">
            <router-link to="/find/helper/pic"  class="weui-flex__item">
                <div class="icon_box"><img src="http://shangrongfintech.com/static/images/buy.png" alt=""></div>
                <p>宣传海报</p>
            </router-link>
            <router-link to="/find/helper/zixun"  class="weui-flex__item">
                <div class="icon_box"><img src="http://shangrongfintech.com/static/images/buy.png" alt=""></div>
                <p>最新资讯</p>
            </router-link>
            <router-link to="/find/helper/jitang"  class="weui-flex__item">
                <div class="icon_box"><img src="http://shangrongfintech.com/static/images/buy.png" alt=""></div>
                <p>天气预报</p>
            </router-link>
            <router-link to="/find/helper/zhishi"  class="weui-flex__item">
                <div class="icon_box"><img src="http://shangrongfintech.com/static/images/buy.png" alt=""></div>
                <p>表情包</p>
            </router-link>
        </div>
        <a href="javascript:void(0);" class="weui_panel_ft">
            <span></span>
            <span>热门推荐</span>
            <span>
                <i></i>
            </span>
        </a>
        <Pic></Pic>
    </div>
</template>
<script>
import Pic from './Helper/Picture.vue'
export default {
  components: {
    Pic
  }
}
</script>

<style scoped>
.weui_panel_ft {
    height: 1.4rem;
    font-size: 0.6rem;
    display: flex;
    flex-direction: row;
    background: #f7f7f7;
    padding: 0 .5rem;
}
.weui_panel_ft span:nth-child(1) {
    flex: 1;
    background: url(/src/assets/img/public/ellipse-1.png) no-repeat center center;
    background-size: 50%;
}
.weui_panel_ft span:nth-child(2) {
    flex: 3;
    font-size: .8rem;
    line-height: 1.4rem;
    color: #333;
}

.weui_panel_ft span:nth-child(3) {
    font-size: .7rem;
    flex: 10;
    text-align: right;
    color: #999;
    line-height: 1.4rem;
}
.banner img {
  width: 100%;
}
.weui-flex__item {
  color: #333;
  text-align: center;
  font-size: 0.6rem;
  display: flex;
  flex-direction: column;
}
.icon_box {
  padding: 0.5rem 0 0 0;
  flex: 3;
}

.icon_box img {
  height: 2.2rem;
}

</style>
